<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./aboutme.css">
	<style type="text/css">
		
	</style>
</head>
<body>
	<div class="box">
		<div class="header">
			<div class="first">
				<img src="./picture/cloud.png">
                <h1>NAME</h1>
                <P>YOUR PERSONAL BLOG</P>
			</div>
			<div class="navbar">
				<div class="list"> 
					<div class="navbar_list"><a href="#">关于我</a><p>About</p></div>
					<div class="navbar_list"><a href="./works.html">作品集</a><p>Works</p></div>
					<div class="navbar_list"><a href="./contact.html">联系方式</a><p>Contact</p></div>
				</div>
				<div class="navbar_icon">
					<i></i>
					<i></i>
					<i></i>
					<i></i>
				</div>
			</div>
		</div>
		<div class="bodyer">
			<div class="picture">
				<div class="picture_1">
					<img src="./picture/man.png">
				</div>
				<div class="picture_2">
					<img src="./picture/tree.png">
				</div>
				<div class="dot_1"></div>
				<div class="dot_2"></div>
			</div>
			<div class="container">
				<div>
					<h1>关于我</h1>
					<span>I’m Mnell</span>
				</div>
				<div class="row">
					<div class="col-md-8 col-xs-12 col-lg-8 col-sm-8">
						<h2>Howdy</h2>
						<p>
						My name is Mnell. I'm a passionate web designer and developer with two years experience in this domain, focused on building great and premium websites.
						</p>
						<br>
						<p>
						For every single project that I have done my focus has been on creating the best user experience possible. I've worked with several larger as well as smaller brands and I love challenges.
					    </p>
					</div>
					<div class="col-md-4 col-xs-12 col-lg-4 col-sm-4 progress">
						<p>Adobe Photoshop&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;86%</p>
						<div class="basise">
							<div class="cover_1"></div>
						</div>
						<P>Adobe Illustrator&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;58%</P>
						<div class="basise">
							<div class="cover_2"></div>
						</div>
						<P>HTML & CSS&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;62%</P>
						<div class="basise">
							<div class="cover_3"></div>
						</div>
						<P>Axure RP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;68%</P>
						<div class="basise">
							<div class="cover_4"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<img src="./picture/computer.png">
						<h6>工作经验：3年</h6>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<img src="./picture/project.png">
						<h6>项目个数：34个</h6>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<img src="./picture/adress.png">
						<h6>期望地点：不限</h6>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
						<img src="./picture/person.png">
						<h6>出生年份：1997年</h6>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="first">
				<img src="./picture/cloud.png">
                <h1>NAME</h1>
                <P>YOUR PERSONAL BLOG</P>
			</div>
			<div>
				<a href="#">关于我</a>|<a href="./works.html">作品集</a>|<a href="./contact.html">联系方式</a>
			</div>
			<div class="tel">
				<P> TEL：+028 189-XXXX-XXXX</P>
				<P>EMAIL: 189XXXXXXX@XXX.cn</P>
			</div>
			<div class="bottom">
				<span>&copy;响应式建站 蜀ICP备13004xxx号-4</span>
			</div>
		</div>
	</div>
</body>
</html>